<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta http-equiv="Pragma"  content="no-cache">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<link href="css/SYSFrame.css" rel="stylesheet" type="text/css" />
		<link href="css/module.css" rel="stylesheet" type="text/css" />
		<link href="css/loaders.css" rel="stylesheet" type="text/css" />
		<link href="skin/black/skin.css" rel="stylesheet" type="text/css" id="skin" />
		<link href="font/iconfont.css" rel="stylesheet" type="text/css" />
		<title>系统框架首页</title>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="js/jquery.cookie.js" type="text/javascript"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="js/SYSFrame.js" type="text/javascript"></script>
		<script src="js/layer/layer.js" type="text/javascript"></script>
		<script src="js/sysbox.js" type="text/javascript"></script>
		<!--[if lt IE 9]>
          <script src="js/html5shiv.js" type="text/javascript"></script>
          <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
        <![endif]-->
	</head>
	<body>
		<div class="" id="situation">
			<!--顶部样式-->
			<div class="bk-herder relative header-section">
				<div class="bk-herder-logo">后台管理系统通用框架</div>
				<div class="operate-header">
					<div class="" id="dropdown_menu">
						<ul class="clearfix">
							<li></li>
						</ul>
					</div>
					<div class="bk-settings-section">
						<div class="headerUser">
							<a class="user-info clickBombbox colorF" href="javascript:void(0)" data-position="bottom" data-type="arrow"> 欢迎你,超级管理员 <i class="iconfont">&#xe630</i></a>
							<div class="Bombbox">
								<ul class="usercz menulist">
									<li class="column-name">
										<a href="javascript:void(0)" title="个人信息" class="menuUl_title" name="administrators.html" data-id="111"><i class="iconfont icon-guanliyuan"></i>个人信息</a>
									</li>
									<li class="column-name">
										<a href="javascript:void(0)" title="系统设置" class="menuUl_title" name="system_info.html" data-id="46"><i class="iconfont icon-system-copy"></i>系统设置</a>
									</li>
									<li>
										<a href="javascript:void(0)" class="" onclick="dropout()"><i class="iconfont ">&#xe64f</i>退出登录</a>
									</li>
									<li>
										<a href="javascript:void(0)" class="" id='Lock' onclick="Lockscreen()"><i class="iconfont">&#xe612</i>锁屏</a>
									</li>
								</ul>
							</div>
						</div>
						
						<div class="skin-section">
							<a href="javascript:void(0)" class="skin-btn clickBombbox iconfont icon-pifushezhi colorF" id="skin-btn"></a>
							<div class="Bombbox">
								<ul class="skin-list">
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="black" id="default" style="background-color:#222A2D"></a>
									</li>
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="blue" style="background-color:#438EB9;"></a>
									</li>
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="green" style="background-color:#72B63F;"></a>
									</li>
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="gray" style="background-color:#41a2ff;"></a>
									</li>
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="red" style="background-color:#FF6868;"></a>
									</li>
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="purple" style="background-color:#6F036B;"></a>
									</li>
									<li>
										<a class="colorpick-btn" href="javascript:void(0)" data-val="white" style="background-color:#FFFFFF;border: 1px solid #DDDDDD; color: #333333;"></a>
									</li>
								</ul>
							</div>
						</div>
						<div class="notice-section  clickBombbox templateStyle">
							<a href="javascript:void(0)" class="iconfont  notice-icon mode" data-name="left" id="Template_style" title="模版风格">&#xe69b</a>	
							<div class="Bombbox templatelist">
								<a href="javascript:void(0)" class="templatename" data-style="top"> 
									<img src="images/12.jpg">
								</a>
								<a href="javascript:void(0)" class="templatename" data-style="left">
									<img src="images/13.jpg">
								</a>
							</div>
						</div>
						<div class="notice-section clickBombbox">
							<a href="javascript:void(0)" class="iconfont icon-xiazai41 notice-icon mode" data-id="2"><em class="amount">3</em></a>
							<div class="Bombbox Bombbox-info">
								<ul class="tab_memu box padding10">
									<li class="boxbox-flex2">
										<a href="javascript:void(0)" class="memu_title btn btn-border clickBombbox" data-id="0">订单</a>
									</li>
									<li class="boxbox-flex2">
										<a href="javascript:void(0)" class="memu_title btn btn-border clickBombbox" data-id="1">通知</a>
									</li>
									<li class="boxbox-flex2">
										<a href="javascript:void(0)" class="memu_title btn btn-border clickBombbox" data-id="2">留言</a>
									</li>
								</ul>
								<div class="tab-box">
									<div class="tab-conent prompt_style ">
										<ul class="menulist">
											<li class="prompt_info clearfix">
												<a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
													<span class="text_name">发货订单</span>
												</a>
												<div class="message_summary">
														<em class="iconfont icon_prompt bg-green">&#xe65c</em>
													<span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
												</div>
											</li>
											<li class="prompt_info clearfix">
												<a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
													<span class="text_name">评价订单</span>
												</a>
												<div class="message_summary">
														<em class="iconfont icon_prompt bg-green">&#xe65c</em>
													<span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
												</div>
											</li>
										</ul>
									</div>
									<div class="tab-conent prompt_style ">
                                        <ul class="menulist">
											<li class="prompt_info clearfix">
												<a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
													<span class="text_name">物流通知</span>
												</a>
												<div class="message_summary">
														<em class="iconfont icon_prompt bg-bule">&#xe616</em>
													<span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
												</div>
											</li>
											<li class="prompt_info clearfix">
												<a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
													<span class="text_name">系统通知</span>
												</a>
												<div class="message_summary">
														<em class="iconfont icon_prompt bg-bule">&#xe616</em>
													<span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
												</div>
											</li>
										</ul>
									</div>
									<div class="tab-conent prompt_style ">
                                        <ul class="menulist">
											<li class="prompt_info clearfix">
												<a href="javascript:void(0)" class="prompt_link menuUl_title" title="用户留言"  name="wuliu.html" data-id="56">
													<span class="text_name">用户留言</span>
												</a>
												<div class="message_summary">
														<em class="iconfont icon_prompt bg-red">&#xe67a</em>
													<span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
												</div>
											</li>
											<li class="prompt_info clearfix">
												<a href="javascript:void(0)" class="prompt_link menuUl_title" title="建议投诉"  name="wuliu.html" data-id="56">
													<span class="text_name">建议投诉</span>
												</a>
												<div class="message_summary">
														<em class="iconfont icon_prompt bg-red">&#xe67a</em>
													<span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
												</div>
											</li>
										</ul>
									</div>
								</div>

							</div>
						</div>
						<a href="javascript:void(0)" class="radius roll-right fullscreen" id="fullscreen"><i class="iconfont">&#xe653</i></a>
					</div>
				</div>
			</div>
			<!--内容显示区-->
			<div class="bk-contents content-section">
				<!--栏目显示区-->
				<div class="bk-con-menu" id="bk-con-menu">
					<div class="menubtn">
						<span class="close_btn samebtn"><i>隐藏</i></span>
						<span class="show_btn samebtn"><i>显示</i></span>
					</div>
					<div class="breadcrumb" id="breadcrumb">
						<ul class="clearfix menu-section menulist" id="menu-section"></ul>
					</div>
				</div>
				<!--iframe内容显示区-->
				<div class="bk-con-message message-section" id="iframe_box">
                 
				</div>
			</div>
			<!--底部显示区(当菜单栏显示在左侧时该模块位于内容显示区的上方)-->
			<div class="bk-footer footer-section">
				<div class="tab-column clearfix" id="tab-column">
					<ul class="tab-navigation " id="tab-navigation">
					<!--菜单地址快捷操作-->
					</ul>
				</div>
				<div class="inte-operation" id="operation">
					<a href="javascript:void(0)" class="dropdown iconfont">&#xe630</a>
					<div class="dropdown-menu dropdown-menu-right tab-menu-list" >
						<div class="title-name">选项卡操作</div>
						<ul class="tabslist" id="dropdown_menu">
							<li>
								<a class="tabReload" href="javascript:void(0);">刷新当前</a>
							</li>
							<li>
								<a class="tabCloseCurrent" href="javascript:void(0);">关闭当前</a>
							</li>
							<li>
								<a class="tabCloseAll" href="javascript:void(0);">全部关闭(除首页)</a>
							</li>
							<li>
								<a class="tabCloseOther" href="javascript:void(0);">除此之外全部关闭</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="Lockscreen" style="display: none;">
			<div class="Promp_plate bg-red  mb15"><b>提示：</b>请输入解锁密码才能解锁屏幕</div>
			<div class="cell-item">
				<label class="cell-left label_name"><input name="" type="text" class="width200 mr10"></label>
				<div class="cell-right"><button type="button" class="btn height35 bg-deep-blue r_f" onclick="modifybtn()">解除锁屏</button></div>
			</div>
			
		</div>
	</body>
</html>
<script> 
	//锁屏
function Lockscreen(){
	 html=BOX$('Lockscreen').innerHTML;                    
	 SYSBOX.box.show(html,0,310,100,0,"",false);	 
};
		var indexs = function(callback) {
		$.ajax({
			url: "json/index.json",
			type: "GET",
			dataType: 'json',
			success: function(ret) {
				typeof callback == 'function' && callback(ret);
			},
		});
	};
	indexs(function(listArr) {
		$("#situation").SYSFrame({
			 
			data: listArr.data, //数据,支持API传输但需要保证数据格式一样
			menuopt: 'click', //点击菜单栏显示模式'click'和'hover'
			boxname: '.Bombbox', //弹框模块
			templateStyle:'#Template_style',//设置模版风格显示
			slide: '#breadcrumb',//设置菜单栏目样式属性
			cookieDate:7,//设置皮肤显示时间（天单位）
			minStatue:false, //默认显示或隐藏菜单栏  (true/false)
			rightclick: false, //是否启用右键功能(为true是右键失效，为false时右键显示)
			homepage:"index_home.html", // 设置默认显示页（id值必须为2，否则将出错）
			scrollbar:function(e){
				e.niceScroll({
					    cursorcolor: "#dddddd",
					    cursoropacitymax: 1,
					    touchbehavior: false,
					    cursorwidth: "3px",
					    cursorborder: "0",
					    cursorborderradius: "3px",
				 });						
			},//自定义滚动样式(可以自己写也可以用第三方插件)
			expand:function(thisBox,settings){								    
                settings.loading=('<div class="loader-inner ball-spin-fade-loader"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>'); //定义加载动画   
                /**********************************************/  
			}//自定义方法
		});
	});		
	
//退出系统
function dropout(){
    layer.confirm('是否确定退出系统？', {
     btn: ['是','否'] ,//按钮
	 icon:1,
    }, 
	function(){
	  location.href="login.html";  
   });
};

</script>